<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/giftPage.css">
    <title>新手大礼包</title>
    <script>
      var deviceWidth = document.documentElement.clientWidth < 640 ? document.documentElement.clientWidth : 640;
      document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';//640的设计稿
    </script>
</head>
<body>
    <div class="giftPage">
        <div class="banner">

        </div>
        <div class="activity">
            <a id="activity">活动规则 <span class="go">&gt;&gt;</span></a>
        </div>
        <div class="giftSignUp">
            <a id="giftSignUp" href="" class="btn">
                立即注册
            </a>
        </div>
        <div class="giftShare">
            <a id="giftShare" href="" class="btn">
                立即分享
            </a>
        </div>
        <div class="giftSubscribe">
            <a id="giftSubscribe" href="" class="btn">
                立即订阅
            </a>
        </div>
        <div class="mode">
            <img src="images/giftPage/6.jpg" alt="选股牛人订阅观摩方式">
        </div>

        <div class="pop" id="pop">
            <a class="wrap" id="activityInfo">
                <img src="images/giftPage/activity.png" alt="新手礼包">
            </a>
            <a id="close" class="close"></a>
        </div>

    </div>

</body>
<script src="js/jquery-1.11.1.js"></script>
<script>
    $('#giftSignUp').click(function(e){
      e.preventDefault();
      e.stopPropagation();
      alert($(this).text());
    });
    $('#giftShare').click(function(e){
      e.preventDefault();
      e.stopPropagation();
      alert($(this).text());
    });
    $('#giftSubscribe').click(function(e){
      e.preventDefault();
      e.stopPropagation();
      alert($(this).text());
    });
    $('#activity').click(function(e){
      e.preventDefault();
      e.stopPropagation();
      $('#pop').show();
    });
    $('#close').click(function(e){
      e.preventDefault();
      e.stopPropagation();
      $(this).parent().hide();
    })
</script>
</html>